<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>列表样式属性</title>
		<!-- HTML 结构层：列表主要是相同数据的集合
		                有序列表：无序列表；定义列表
						1.2自带样式
			列表项标志属性 list-style-type
			            有序列表属性值：none decimal(默认：数值) lower-roman(罗马数字) upper-roman（大写）
						无序列表属性值：none disc（默认：实心圆）circle(空心圆) square(实心方块)
			实际页面开发中：无序列表来定义相同数据集合，有利于SEO优化
			实际应用属性：list-style-type:none;与通配选择器一起使用
			                                  去掉页面上所有列表的样式
		 -->
		<style>
			ol li{
				list-style-type: upper-roman;
				
			}
			ul li{
				list-style-type: disc;
			}
		</style>
	</head>
	<body>
		<h1>有序列表</h1>
		<ol>
			<li>哪吒2</li>
			<li>封神2</li>
			<li>唐人街探案</li>
		<h1>无序列表</h1>
		<ul>
		    <li>魔方大厦</li>
			<li>邋遢大王</li>
			<li>小糊涂神</li>
		</ul>
		</ol>
		
	</body>
</html>